<html>
<head>
<title>Schiphol - expocial</title>
<script src="services.js" type="text/javascript"></script>
<link rel="stylesheet" href="tnw.css" type="text/css">
</head>
<style type="text/css">
body {
	background: url(images/schiphol.png);
	background-size: 200px;
	background-color: black;
	background-repeat: no-repeat;
	overflow: hidden;
}

#logos {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 10px;
}

#logos img {
	width: 100px;
	height: auto;
	opacity: 0.3;
	-webkit-transition: opacity 1s ease-in-out;
}

.highlight {
	opacity: 1 !important;
}
</style>

<body>
<div id='loadingbay' style="opacity: 0;"></div>
<div id='logos'><img id='moby' src='images/moby.png' alt="" /> <img
	id='hyves' src='images/hyves.png' alt="" /> <img id='twitter'
	src='images/twitter.png' alt="" /></div>
</body>

<script src="ani2.js" type="text/javascript"></script>
<script type="text/javascript">
	var keywords = 'schiphol';

	var retryTwitterService = 5000; //5sec
	var retryMobypictureService = 20000; //20sec
	var retryHyvesService = 5000; //5sec

	var twitterService = new TwitterService();
	var executeTwitterRetrieve = function(timeout) {
		twitterService.retrieveItems(keywords, false, function() {
			setTimeout(executeTwitterRetrieve, retryTwitterService);
		});
	}
	setTimeout(executeTwitterRetrieve, 0);

	var mobypictureService = new MobypictureService();
	var executeMobypictureRetrieve = function(timeout) {
		mobypictureService.retrieveItems(keywords, false, function() {
			setTimeout(executeMobypictureRetrieve, retryMobypictureService);
		});
	}
	setTimeout(executeMobypictureRetrieve, 0);

	var hyvesService = new HyvesService();
	var executeHyvesService = function(timeout) {
		hyvesService.retrieveItems(keywords, false, function() {
			setTimeout(executeHyvesService, retryHyvesService);
		});
	}
	setTimeout(executeHyvesService, 0);
</script>
</html>